<template>
    <el-container>
        <el-header style="margin-top: 20px;">
            <h2>电影发布年份分布分析</h2>
        </el-header>
        <el-main style="margin-top: -20px;">
            <el-card shadow="always" class="code-card">
                <el-scrollbar>
                    <el-row gutter={20}>
                        <el-col :span="10">
                            <el-image style="width: 100%; height: auto; margin-bottom: 20px;"
                                src="src\assets\img\movie_release_year_distribution.png" alt="电影年份分布图"></el-image>
                        </el-col>
                        <el-col :span="14" style="margin-top: 40px;">
                            <p>
                                <strong>分析：</strong>
                                从图中我们可以看到，电影的发布年份呈现出明显的集中趋势，许多电影集中在2000年以后发布。这可能与电影行业的现代化进程有关，例如数字化拍摄技术的进步和互联网的普及，极大地促进了电影制作和发布的增长。
                                在2000年以后，电影数量急剧增加，这可能是由于全球化和市场需求的变化，尤其是中国和印度等新兴市场的崛起，使得电影产业的规模不断扩大。而早期的电影发布较少，可能反映了电影产业发展的起步阶段，技术和市场条件尚未完全成熟。
                                这种年份分布图不仅能够帮助我们了解电影行业的历史进程，还能为未来的电影趋势预测提供参考。
                            </p>
                            <p>
                                <strong>代码展示：</strong>
                            </p>
                            <pre style="background-color: #f4f4f4; padding: 15px; border-radius: 5px;">
<code>
    plt.figure(figsize=(10, 6))
    sns.countplot(data=df, x='year', palette='Set2')
    plt.title('电影发布年份的分布')
    plt.xlabel('年份')
    plt.ylabel('电影数量')
    plt.xticks(rotation=45)
    plt.savefig('movie_release_year_distribution.png')  # 保存图像
    plt.show()
</code>
                            </pre>
                        </el-col>
                    </el-row>
                </el-scrollbar>
            </el-card>
        </el-main>
        <el-footer>
            <el-alert title="提示：请确保运行环境正确配置。" type="info" show-icon>
            </el-alert>
        </el-footer>
    </el-container>
</template>

<script>
    export default {
        name: 'MovieAnalysis'
    }
</script>

<style scoped>
    /* 添加你需要的样式 */
</style>
